<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css">
</head>
<style>
    .container{
        margin-top: 20px;
    }
</style>
<body>
<div class="container">
    <table class="table table-striped">
        <thead>
        <tr>
            <td colspan="7">
                <div class="row">
                    <div class="col-md-8">
                        <label for="stu_name">学生姓名:</label><input type="text" placeholder="查询的姓名" name="stu_name"
                                                                  id="stu_name">
                        <label for="stu_gender">性别:</label><select name="stu_gender" id="stu_gender">
                        <option value="">---请选择---</option>
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                        <input type="submit" value="查询">
                    </div>
                    <div class="col-md-4">
                        <a href="">
                            <button>添加学生</button>
                        </a>
                        <a href="">
                            <button>全部删除</button>
                        </a>
                    </div>
                </div>
            </td>
        </tr>
        <tr class="thead-dark">
            <th><input type="checkbox"></th>
            <th>学生编号</th>
            <th>学生姓名</th>
            <th>学生年龄</th>
            <th>学生性别</th>
            <th>学生喜好</th>
            <th>操作</th>
        </tr>

        </thead>
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>张三</td>
            <td>19</td>
            <td>男</td>
            <td>足球</td>
            <td><a href="">
                <button>删除</button>
            </a><a href="">
                <button>修改</button>
            </a></td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="7">
                <nav aria-label="Page navigation example">
                    <ul class="pagination justify-content-center">
                        <li class=page-item><a class="page-link" href="">上一页</a></li>
                        <li class=page-item><a class="page-link" href="">1</a></li>
                        <li class=page-item><a class="page-link" href="">2</a></li>
                        <li class=page-item><a class="page-link" href="">3</a></li>
                        <li class=page-item><a class="page-link" href="">下一页</a></li>
                    </ul>
                </nav>
            </td>
        </tr>
        </tfoot>
    </table>
</div>
</body>
</html>